// 43. 封装[猜你喜欢]组合式函数
import type { XtxGuessInstance } from '@/types/components'
import { ref } from 'vue'

/**
 * 猜你喜欢组合式函数
 */
export const useGuessList = () => {
  // 获取猜你喜欢组件实例
  // 细节33: 总的来说, XtxGuessInstance 的出现, 就是基于[猜你喜欢]这个组件进行实例的...
  const guessRef = ref<XtxGuessInstance>()

  // 滚动触底事件
  const onScrollTolower = () => {
    guessRef.value?.getMore()
  }

  // 返回 ref 和事件处理函数
  return { guessRef, onScrollTolower }
}

// 组合式函数:
// 优点一: 将数据、计算属性、方法等代码块组织到一起, 有助于代码的复用、维护和阅读;
// 优点二: 实现在组件中的按需使用.
